<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>梁颖娜的简历</title>
<style>
html{background:url("img/01.jpg");
	     background-size: 100%;
img{width:50%;}     
	     }

img{width:100%;}
.left{width:23%;height: 658px; 
		background-color:rgba(255,255,255,0.50);
		margin-left: 5%;
		margin-top: 2%;
		float: left;
		border: 2px solid  transparent;
		border-radius:5%;}
	
.head{width:40%;
		margin: 0 auto;
		padding-top: 10%;}
	
.name{font-size: 1rem;
		font-weight: 600;
		margin:0 auto;
		margin-top: 7%;
		width:20%;} 
.zhiye{font-size:1rem;
		font-weight: 500;
		margin-left:25%;
		margin-top: 5%;
		width:100%;} 
	
.rentou{margin-top: 10%;}
.lefticon1{width: 7%;
		height: 7%; 
		margin-left:5%;
		display: inline-block;}
.font-xinxi{display: inline-block;
		font-weight: 700;}
	
	
.right{width:65%;height:850px;
		background-color:rgba(255,255,255,0.50);
		margin-left: 2.5%;
		margin-top: 1%;
		float:left;
		border: 2px solid ;
		border-radius:0.5%;}

.box-lianxifangshi{margin-top: 2%;}
	
.lefticon2{width: 7%;
		height: 7%; 
		margin-left:5%;
		display: inline-block;}	
	
.font-lianxifangshi{display: inline-block;
		font-weight: 700;}
	
.box-mingyan{margin-top: 1%;}
	
.lefticon3{width: 7%;
		height: 7%; 
		margin-left:5%;
		display: inline-block;}	
.font-mingyan{display: inline-block;
		font-weight: 600;}	
	
	@media screen and (max-width:1130px){
				.name{font-size: 14px;
					font-weight: 600;
					margin:0 auto;
					margin-top: 5%;
					width: 20%;}  
			.zhiye{font-size: 14px;
				font-weight: 500;
				margin:0 auto;
				margin-left:25%;
				margin-top: 5%;
				width:100%;}  
			.font-xinxi{font-size: 14px;
				font-weight: 700;
				margin:0 auto;
				margin-top: 5%;}
			li{font-size: 14px;}
			p{font-size: 14px;}
		
				@media screen and (max-width:960px){
				.name{font-size: 13px;
					font-weight: 600;
					margin:0 auto;
					margin-top: 5%;
					width: 30%;}  
				.zhiye{font-size: 13px
					;font-weight: 500;
					margin:0 auto;
					margin-left:25%;
					margin-top: 5%;
					width: 100%;} 
					.font-xinxi{font-size: 13px;
						font-weight: 700;
						margin:0 auto;
						margin-top: 5%;}
					li{font-size: 11px;}
					p{font-size: 11px;}

					@media screen and (max-width:690px){
						
				.name{font-size: 12px;font-weight: 600;
					margin:0 auto;margin-top: 5%;
					width: 25%;} 
							.zhiye{font-size: 12px;
								font-weight: 500;
								margin:0 auto;
								margin-top: 5%;
								width: 45%;} 
						.font-xinxi{font-size: 12px;
							font-weight: 700;
							margin:0 auto;margin-top: 5%;}
						li{font-size: 10px;}
									p{font-size: 10px;}

						@media screen and (max-width:650px){
						.left{width:80%;height: 740px;
							background-color:rgba(255,255,255,0.50);
							margin-left: 3%;
							margin-left: 10%; 
							margin-top: 1%;
							float: left;
							border: 2px solid transparent;border-radius:1%;}
							
						.name{font-size: 16px;
							font-weight: 600;margin:0 auto;
							margin-top: 5%;
							width: 15%;} 
							.zhiye{font-size: 16px;
								font-weight: 500;
								
								margin:0 auto;
								margin-top: 5%;
								width: 100%;
								margin-left:30%;} 
							.font-xinxi{font-size: 16px;
								font-weight: 700;
								margin:0 auto;
								margin-top: 5%;}
							li{font-size: 16px;}
										p{font-size: 16px;}

						
							
							
							@media screen and (max-width:620px){
									.left{width:93%;height: 720px;
										background-color:rgba(255,255,255,0.50);
										margin-left: 5%;
										margin-top: 1%;
										float: left;
										border: 2px solid transparent;
										border-radius:3%;}
								p{font-size: 14px;}
	
	
	
	
	
	
	
	
	
	
	
	</style>
</head>

<body >
	<div class="left"> 
	<div class="head"><img src="img/nana.png" alt="head"></div>
    <div class="name">梁颖娜</div>  
	<div class="zhiye">中大南方交互二班学生</div>
		
	<div class="rentou">
		<div class="lefticon1"><img src="img/草莓.png" alt="草莓"  ></div>	
		<div class="font-xinxi">基本信息:</div></div>
		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#3e5050 SIZE=3>
			<ul>
			<li>个人信息：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;梁颖娜 女 18岁</li>
				<li>专业：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数字媒体技术</li>
				<li>爱好：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;画画  写诗  看书</li>
			</ul>
			

			<div class="box-lianxifangshi">
		<div class="lefticon2"><img src="img/饼干.png" alt="饼干"  ></div>
		<div class="font-lianxifangshi">联系方式:</div></div>	
		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="90%" color=#3e5050 SIZE=3>	
		<ul>
			<li>手机号码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;132****2389</li>
				<li>邮箱：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bu@qq.com</li>
				<li>微信：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;qq67****612</li>
			    <li>QQ：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;250****359</li>
			</ul>
			<div class="box-mingyan">
		<div class="lefticon2"><img src="img/甜甜圈.png" alt="甜甜圈"  ></div>
		<div class="font-mingyan">最喜欢的一句话:塞翁失马焉知非福。</div></div>			
			
</body>
</html>
